<template>
  <div class="newsinfo-container">
    <!-- 大标题 -->
    <h3 class="title">被伤过的心 就像玻璃碎片</h3>
    <!-- 子标题 -->
    <p class="sub_title">
      <span>发表时间:</span>
      <span>点击: 0 次</span>
    </p>

    <hr>
    <!-- 内容 -->
    <div class="content">
      <p>4月16日晚，港股上市公司光汇石油公告称，由于担保公司债务逾3000万美金被香港高等法院裁定破产，薛光林于4月11日离任公司董事会主席
      兼本公司执行董事。</p>

      <p>根据4月11日香港高等法院的裁决文书显示，光汇石油新加坡全资子公司向越南国家石油公司购买了3025万美元的油品货物，
      约定在2018年4月23日支付，但并未按期支付，此后又多次逾期。</p>

      <p>之后，薛光林作为光汇石油的控制人，以个人名义为光汇石油做出担保。但债务逾期后，薛光林没有提出延迟法定追债要求的申请。
      最终，越南国家石油公司因光汇石油未能偿还逾3000万美元的债务，申请对光汇石油破产清算。</p>

      <p>香港高院认为，在目前状况下，无论是光汇石油全资子公司光汇石油新加坡公司，还是薛光林本人，都无法在规定时间内偿还逾期债务，
      上述债务不涉争议性，且光汇石油不具备偿还债务的能力。因此香港高院裁定薛光林破产。</p>
    </div>
    <!-- 评论框 -->
    <comment :id="this.id" />
  </div>

  <!-- 
    <div class="newsinfo-container">
    <h3 class="title">{{ newsinfo.title }}</h3>
    <p class="sub_title">
      <span>发表时间: {{ newsinfo.add_time | dataFormat}} </span>
      <span>点击: {{ newsinfo.click }} 次</span>
    </p>

    <hr>
    <div class="content" v-html="newsinfo.content">

    </div>
  </div>
   -->
</template>

<script>
// 1. 手动导入 子组件
import comment from '../subcomponents/comment.vue'
export default {
  data () {
    return {
      id: this.$route.params.id,  // 将 URL 地址中传递过来的 Id 值, 挂载到 data 上, 方便以后调用
      newsinfo: {}   // 新闻对象
    }
  },
  components: {
    comment
  },
  created(){
    // this.getNewsInfo()
  },
  methods: {
    getNewsInfo() {
      this.$http.get('api:getnew/' + this.id).then(result=>{
        if(result.body.status == 0){
          this.newsinfo = result.body.message[0]
        } else {
          Toast("获取新闻失败")
        }
      })
    }
  }
}
</script>  

<style lang="scss">
.newsinfo-container {
  padding: 0 4px;
  .title{
    font-size: 16px;
    text-align: center;
    margin: 15px 0;
    color: red;
  }
  .sub_title{
    font-size: 13px;
    color: #226aff;
    display: flex;
    justify-content: space-between;
  }
  .content{
    font-size: 13px;
  }
  .content p{
    text-indent: 2rem
  }

}
</style>
